<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<script type="text/javascript">
$(document).ready(function() {
	$("#qry_grid").jqGrid( {
		url : '<c:url value="/json/memberList.do"/>',
		mtype : "POST",
		datatype : "json",
		colNames : [ '登入帐号', '姓名', '电子邮件', '手机号码', '状态' ], //
		colModel : [ {
			name : 'loginId',
			index : 'loginId',
			width : 60,
			key : true
		}, {
			name : 'name',
			index : 'name',
			width : 60,
			key : true
		}, {
			name : 'email',
			index : 'email',
			width : 150,
			key : true
		}, {
			name : 'mobile',
			index : 'mobile',
			width : 60,
			key : true
		}, {
			name : 'status',
			index : 'status',
			width : 60
		} ],
		jsonReader : {
			root : "objList",
			cell : "",
			repeatitems : false,
			id : "loginId"
		},
		rowNum : 10,
		rowList : [ 10, 20, 30 ],
		pager : '#qry_pager',
		sortname : 'loginId',
		viewrecords : true,
		sortorder : "asc",
		caption : "搜索结果",
		ondblClickRow : function(rowid, iRow, iCol, e) {
			qry_select();
		}
	});
	$("#qry_gridpager").jqGrid('navGrid', '#qry_pager', {
		edit : false,
		add : false,
		del : false,
		search : false,
		refresh : false
	});
});

function qry_search() {
	var qry_loginId = $("#qry_loginId").val();
	var qry_name = $("#qry_name").val();
	var qry_email = $("#qry_email").val();
	var qry_mobile = $("#qry_mobile").val();
	$("#qry_grid").jqGrid('setGridParam', {
		postData : {
			"paramMap['loginId']" : qry_loginId,
			"paramMap['name']" : qry_name,
			"paramMap['email']" : qry_email,
			"paramMap['mobile']" : qry_mobile
		},
		page : 1
	}).trigger("reloadGrid");
}

function qry_select() {
	var objId = $("#qry_grid").getGridParam('selrow');
	try {
		if (objId) {
			$("#"+qry_target+"_id").val($("#qry_grid").jqGrid('getCell', objId, 0));
			$("#"+qry_target+"_name").html($("#qry_grid").jqGrid('getCell', objId, 1));
			closeDialog();
		} else {
			alert("请选择会员");
		}
	} catch (e) {
		alert(e);
	}
}

</script>

<div id="qry_dialog" title="搜索会员">
<table width="420px">
	<tr>
		<td style="width: 95px;">登入帐号</td>
		<td><input name="qry_loginId" type="text" id="qry_loginId" size="15" /></td>
		<td>姓名</td>
		<td><input name="qry_name" type="text" id="qry_name" size="15" /></td>
	</tr>
	<tr>
		<td style="width: 95px">电子邮件</td>
		<td><input name="qry_email" type="text" id="qry_email" size="15" /></td>
		<td>手机号码</td>
		<td><input name="qry_mobile" type="text" id="qry_mobile" size="15" /></td>
	</tr>
	<tr>
		<td colspan="4" align="center">
		<div class="f-link"><a href="javascript:void(0);" onclick=qry_search();returnfalse;>搜索</a></div>
		</td>
	</tr>
	<tr>
		<td colspan="4">
		<table id="qry_grid"></table>
		<div id="qry_pager"></div>
		</td>
	</tr>
	<tr>
		<td colspan="4" align="center">
		<div class="f-link"><a href="javascript:void(0);" onclick=qry_select();returnfalse;>选择会员</a></div>
		</td>
	</tr>
</table>
</div>
